这是"开源免费的优秀 Skill"的中文通俗说明书。
旨在用最简单的大白话，告诉大家这些工具是干嘛的、怎么用。

本目录收录了来自 GitHub 开源社区的优秀 Skill，
均由原作者授权（MIT / Apache-2.0 / AGPL-3.0），以下每条都会注明出处。

================================================================
【1】agent-browser（AI 浏览器操控工具）
================================================================
来源：https://github.com/vercel-labs/agent-browser
作者：Vercel Labs
许可证：Apache-2.0

【简单来说】
有了它，AI 就像长了手，能帮你在浏览器里做任何事——
打开某个网站截图、登录一个平台把数据列出来、
自动一条条填写在线表单、把某个页面的内容整理给你。
以前 AI 只能"说"，现在它能"做"。

【怎么用】
直接告诉 AI 你想在网上做什么就行，比如：
- "帮我打开这个网址，截图给我看看"
- "帮我登录 xxx 网站，把订单列表截给我"
- "帮我把这个在线申请表填好提交"
- "帮我把这个网页上的表格内容复制出来"

AI 会自动打开浏览器完成操作，就像你自己动手一样。

----------------------------------------------------------------
【2】web-access（网页访问与浏览器自动化工具）
================================================================
来源：https://github.com/eze-is/web-access
作者：一泽 Eze
许可证：MIT

【简单来说】
跟 agent-browser 类似，也是让 AI 帮你在浏览器里操作网页。
区别是这个是中文作者专门针对国内平台优化的——
小红书、微博、微信公众号这类在国外工具上经常抓不到、打不开的，用这个更靠谱。

【怎么用】
直接告诉 AI：
- "帮我搜一下最近关于 xxx 的热门内容"
- "帮我看看这篇小红书的评论里大家都说什么"
- "帮我查一下这个博主最近发了什么"

【注意】
用 AI 自动登录并操控你的账号，存在一定封号风险。
AI 会在操作前提醒你，继续操作即视为知晓并接受风险。

----------------------------------------------------------------
【3】web-design-guidelines（网页 UI 审计工具）
================================================================
来源：https://github.com/vercel-labs/agent-skills
作者：Vercel Labs
许可证：MIT

【简单来说】
你写了一个网页，想知道设计上有没有毛病？用它。
它掌握了 100 多条专业的网页设计规范，
从颜色对比度、字体大小、按钮间距，到残障人士能不能正常使用——
扫一遍，哪里不规范一目了然。

【怎么用】
把你的网页文件发给 AI，然后说：
- "帮我检查一下这个页面的设计有没有问题"
- "这个页面的 UI 规不规范？"
- "帮我做个设计 review"

AI 会逐条列出不规范的地方，并告诉你怎么改。

----------------------------------------------------------------
【4】brainstorming（头脑风暴 / 方案设计助手）
================================================================
来源：https://github.com/obra/superpowers
作者：Jesse Vincent (obra)
许可证：MIT

【简单来说】
动手之前先想清楚——这个工具专门帮你做"想清楚"这件事。
你有一个模糊的想法（比如"我想做个记录读书笔记的工具"），
它会像一个耐心的顾问一样，一问一答把需求弄明白，
然后帮你写出一份清晰的设计方案，再开始动手。
适合开发者在开始写代码前使用，能省掉大量返工。

【怎么用】
有新想法时，告诉 AI：
- "我想做一个 xxx，帮我先捋一捋思路"
- "这个功能该怎么设计，帮我分析一下"
- "我有个想法但还不太清晰，帮我理一理"

AI 会先问你几个关键问题，然后给你 2-3 个方案和优缺点对比，
等你拍板后，再帮你生成一份完整的设计文档。

【注意】
这个工具的理念是"必须先设计、再动手"，
如果你喜欢边想边做，可能会觉得它太"慢"，介意的话可以跳过。

----------------------------------------------------------------
【5】copywriting（营销文案写作助手）
================================================================
来源：https://github.com/coreyhaines31/marketingskills
作者：Corey Haines
许可证：MIT

【简单来说】
你的产品官网上那段"我们帮助企业提升效率"的介绍，
有没有人一眼扫过去就关掉？用它来改。
它懂营销心理学，能帮你写出让人看了就想点"立即购买"的文字——
清晰、有代入感、直戳用户痛点。

【怎么用】
告诉 AI 你在写哪类文案，比如：
- "帮我写 xxx 产品的官网首页介绍"
- "我这段文案感觉没说服力，帮我改一改"（把文案粘贴给它）
- "帮我想几个抓眼球的标题"

AI 会先了解你的产品和目标用户，然后给你完整的文案草稿。

----------------------------------------------------------------
【6】page-cro（页面转化率优化助手）
================================================================
来源：https://github.com/coreyhaines31/marketingskills
作者：Corey Haines
许可证：MIT

【简单来说】
CRO 是"转化率优化"的缩写。
说人话就是：你的网站每天有很多人访问，但就是没人下单/注册/联系你——用它来找原因。
它会像一个挑剔的用户一样帮你把关：哪里按钮太小、哪里文字没说服力、哪里流程太绕。

【怎么用】
把你的落地页截图或网址发给 AI，然后说：
- "帮我分析一下这个页面为什么没人下单"
- "这个注册流程哪里有问题？"
- "帮我找找影响转化率的设计问题"

AI 会列出具体的改进建议，优先级排好，按顺序改就行。

----------------------------------------------------------------
【7】seo-audit（SEO 诊断工具）
================================================================
来源：https://github.com/coreyhaines31/marketingskills
作者：Corey Haines
许可证：MIT

【简单来说】
你的网站在 Google 搜不到，或者以前排在前面现在掉下去了？用它诊断。
它会系统地检查你的网站哪里出了问题——
标题写法、页面加载速度、内容质量、网站结构……
给你一份优先级排好的"修复清单"。

【怎么用】
告诉 AI：
- "我的网站在 Google 上排名很差，帮我做个 SEO 诊断"
- "我最近流量突然掉了，帮我查一查原因"
- 把你的网站地址或相关页面发给它

AI 会给出具体的问题列表，以及每个问题怎么改。

----------------------------------------------------------------
【8】email-sequence（邮件营销序列生成器）
================================================================
来源：https://github.com/coreyhaines31/marketingskills
作者：Corey Haines
许可证：MIT

【简单来说】
用户注册了你的产品，然后就再也没有回来——听起来熟悉吗？
这个工具帮你写一套"把用户拉回来"的邮件系列：
第一封欢迎、第二封引导上手、第三封激活、第四封促购……
每封都有清晰的目的，一步步把陌生人变成付费用户。

【怎么用】
告诉 AI：
- "帮我写一套针对 xxx 产品新用户的邮件营销序列"
- "我想做 5 封邮件，从注册到首次付款，帮我策划一下"

AI 会先了解你的产品和目标，然后输出完整的邮件草稿，
包括标题、正文和最后的行动按钮文字（"立即开始"、"限时领取"之类）。

----------------------------------------------------------------
【9】social-content（社交媒体内容创作工具）
================================================================
来源：https://github.com/coreyhaines31/marketingskills
作者：Corey Haines
许可证：MIT

【简单来说】
每天要在 Twitter、LinkedIn、小红书上发内容，绞尽脑汁想不出写什么？用它。
告诉它你的产品或主题，它帮你批量生成一批帖子，风格统一、挑着发就行。

【怎么用】
告诉 AI：
- "帮我为 xxx 产品生成 5 条 Twitter 帖子，语气要轻松幽默"
- "我是做健身教练的，帮我想几条适合发朋友圈的内容"
- "帮我把这篇文章拆成适合在 LinkedIn 发的几条短帖"

----------------------------------------------------------------
【10】content-strategy（内容营销策略规划工具）
================================================================
来源：https://github.com/coreyhaines31/marketingskills
作者：Corey Haines
许可证：MIT

【简单来说】
不知道该写什么、在哪里写、写了有没有用？用它先想清楚。
它帮你整体规划内容方向：锁定哪类人群、重点传递什么信息、
在哪些平台发力、大概发什么节奏——让你的内容不是随便发发，而是有章法。

【怎么用】
告诉 AI：
- "帮我为 xxx 公司/产品做一个内容营销规划"
- "我是一个独立开发者，想靠内容吸引用户，怎么做？"

AI 会输出一份完整的内容策略方案，包括目标人群、主题方向、渠道建议和内容节奏。

----------------------------------------------------------------
【11】ppt-generator（AI PPT 图片/视频生成器）
================================================================
来源：https://github.com/op7418/NanoBanana-PPT-Skills
作者：歸藏 (op7418)
许可证：MIT

【简单来说】
把你的文字内容（大纲、Word 文档、随手记的笔记都行），
变成一套精致的 PPT——每一页都是 AI 画出来的高清设计图，
还能给每页之间加上流畅的动态转场，最后合成一个完整的视频 PPT。
比你自己在 PowerPoint 里拖来拖去快多了，而且好看得多。

【怎么用】
1. 准备好你的内容（一段话、一篇大纲、一份文档都行）。
2. 告诉 AI："帮我把这份内容做成 PPT"。

AI 会自动排版、配色、生成每页图片。

【注意】
此工具需要用到付费的 AI 绘图接口（Nano Banana Pro），
需要提前去官网注册并充值少量费用。转场视频功能还需额外配置可灵 AI 接口。
如果只是体验功能，可以先只生成静态图片版。

----------------------------------------------------------------
【12】baoyu-translate（AI 文章精翻工具）
================================================================
来源：https://github.com/JimLiu/baoyu-skills
作者：JimLiu
许可证：MIT

【简单来说】
把一篇英文文章（或任何语言）翻译成中文，但翻出来不像机器翻的——
读起来流畅自然，专业术语处理得当，像人工翻译的质量。
支持三种档次：快翻（速度优先）、普通翻译（均衡）、精翻（质量最高）。

【怎么用】
把文章直接丢给 AI，然后说：
- "帮我把这篇文章翻译成中文"
- "精翻一下这篇英文论文"
- "帮我快速翻译这个链接的内容"（直接给网址也行）

----------------------------------------------------------------
【13】baoyu-url-to-markdown（网页转 Markdown 工具）
================================================================
来源：https://github.com/JimLiu/baoyu-skills
作者：JimLiu
许可证：MIT

【简单来说】
给它一个网址，它帮你把网页里的正文内容提取出来——
去掉广告、导航栏、乱七八糟的按钮，只留下干净的文字，
方便你存档、让 AI 帮你总结，或者做成笔记。
微博、Twitter/X、YouTube 的文字内容也能搞定。

【怎么用】
告诉 AI：
- "帮我把这个网页的内容提取出来：https://..."
- "帮我把这篇文章存成干净的文本，然后帮我总结一下"
- "这个 YouTube 视频下面评论区大家都说什么？"（把链接给它）

----------------------------------------------------------------
【14】baoyu-format-markdown（Markdown 格式化美化工具）
================================================================
来源：https://github.com/JimLiu/baoyu-skills
作者：JimLiu
许可证：MIT

【简单来说】
你有一份 Markdown 文档，但格式乱糟糟——
标题层级不对、有的地方多了空行、有的地方缺空格……
用它帮你一键整理规范，看起来清爽整洁。
主要是写作者和开发者用的小工具。

【怎么用】
把文档粘贴给 AI，然后说：
- "帮我把这份 Markdown 文档格式化一下"
- "这个文档格式有点乱，帮我整理"

----------------------------------------------------------------
【15】baoyu-markdown-to-html（Markdown 转 HTML 工具）
================================================================
来源：https://github.com/JimLiu/baoyu-skills
作者：JimLiu
许可证：MIT

【简单来说】
你有一份 Markdown 写的文章或文档，想把它变成一个好看的网页？
用它可以直接生成带有样式的 HTML 文件，打开浏览器就能看，
也可以直接贴到自己的网站里用。

【怎么用】
把你的 Markdown 文件发给 AI，然后说：
- "帮我把这份文档转成一个好看的 HTML 页面"
- "帮我生成一个可以直接发布的网页版本"

----------------------------------------------------------------
【16】baoyu-infographic（AI 信息图生成器）
================================================================
来源：https://github.com/JimLiu/baoyu-skills
作者：JimLiu
许可证：MIT

【简单来说】
把大段文字信息变成一张精美的"知识卡片"或"数据图解"——
那种你在公众号、小红书上看到的，把复杂信息用图形呈现得清清楚楚的图片。
支持 21 种不同的布局（时间轴、对比表、流程图、树状图……）
×20 种视觉风格（科技感、手绘风、简约黑白……），自由组合。

【怎么用】
把内容（文章摘要、数据报告、对比分析……）发给 AI，然后说：
- "帮我把这些内容做成一张信息图"
- "帮我把这几个产品的对比做成可视化图片"
- "帮我生成一张 xxx 主题的知识卡片"

AI 会先推荐几个合适的布局+风格组合，你选一个，它就生成图片。

----------------------------------------------------------------
【17】baoyu-youtube-transcript（YouTube 字幕提取工具）
================================================================
来源：https://github.com/JimLiu/baoyu-skills
作者：JimLiu
许可证：MIT

【简单来说】
给它一个 YouTube 视频链接，它把视频里说的话全部提取出来——
字幕文字稿。然后你可以继续让 AI 帮你总结重点、翻译成中文、做成笔记。
再也不用边看视频边手动记了。

【怎么用】
告诉 AI：
- "帮我提取这个 YouTube 视频的字幕，然后帮我总结一下：https://..."
- "这个视频讲了什么？帮我提取内容并翻译成中文"

----------------------------------------------------------------
【18】claude-mem（AI 跨会话持久记忆系统）
================================================================
来源：https://github.com/thedotmack/claude-mem
作者：Alex Newman (thedotmack)
许可证：AGPL-3.0（注意：与其他 MIT 工具不同，有更严格的开源约束）

【简单来说】
AI 每次对话都是"失忆"的——上次聊了什么、解决了什么问题，下次开新对话全忘光。
这个工具给 AI 装了一个"长期记忆本"：
你们每次在项目里做了什么，都会被悄悄记录下来，
下次打开新对话，AI 可以去翻记忆本，"想起"之前发生过的事。

主要适合有长期项目、反复在同一个代码库里工作的开发者使用。



【18a】mem-search（记忆搜索）
当你想问"我们上次是怎么解决这个问题的？"，
或者"上周有没有讨论过这个功能？"时——AI 会去翻"记忆本"找给你。

【18b】smart-explore（智能探索）
在记忆库和项目代码中做智能搜索，
帮 AI 在新对话开始时快速"想起来"项目的来龙去脉。

【怎么用】
1. 这两个功能需要配合 claude-mem 完整系统才能运作。
   在使用前，请先按照 claude-mem 目录下的 README.md 完成初始配置。
   （主要是在本地建立一个轻量级数据库用于存储记忆，AI 会引导你完成）

2. 配置完成后，AI 会在需要时自动查询历史记忆。

【注意】
AGPL-3.0 许可证：个人学习使用完全没问题。
但如果你把基于这个工具开发的产品对外商业发布，你的产品代码也必须开源。

================================================================
【版权声明】
================================================================

本目录中收录的 Skill 版权归各原作者所有，C 哥仅做整理和汉化说明。
使用前请遵守各 Skill 对应的许可证要求：
- MIT 许可证：可自由使用、修改、分发，保留版权声明即可
- Apache-2.0 许可证：类似 MIT，但对专利有额外说明
- AGPL-3.0 许可证（claude-mem）：可自由使用，但衍生产品必须开源

感谢以下原作者的开源贡献：
- Vercel Labs (agent-browser, web-design-guidelines)
- Jesse Vincent / obra (brainstorming)
- Corey Haines (marketingskills)
- 歸藏 / op7418 (ppt-generator)
- JimLiu (baoyu-skills)
- 一泽 Eze (web-access)
- Alex Newman / thedotmack (claude-mem)
